.xing{
	color: #F98059;
	margin-right: 5upx;
}

.buymodel{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 999;
	.white{
		
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		background-color: #ffffff;
		border-top-left-radius: 20upx;
		border-top-right-radius: 20upx;
	}
}
.buymodel{
	.white{
		.top{
			padding: 30upx;
			padding-top: 60rpx;
			display: flex;
			// align-items: center;
			.cover{
				display: block;
				width: 200rpx;
				height: 200rpx;
				border-radius: 20rpx;
				// margin-top: -60upx;
			}
			.right{
				flex: 1;
				margin-left: 20upx;
				height: 100upx;
				position: relative;
				.colse_choose{
					position: absolute;
					top: -30rpx;
					right: 0rpx;
					width: 28rpx;
					height: 28rpx;
					z-index: 999;
				}
				.titles{
					height: 100upx;
					line-height: 50rpx;;
					overflow: hidden;
					font-size: 32rpx;
				}
				.bfooter{
					font-weight: bold;
					.price{
						font-size: 44rpx;
					}
				}
				.choose_shop{
					font-size: 28rpx;
					line-height: 50rpx;
					color: #888888;
				}
			}
		}
		.sizeboxc{
			.bodys{
				padding:0 30upx;
				.btitle{
					font-size: 30upx;
					margin-top: 30upx;
				}
				.bcontent{
					display: flex;
					flex-wrap: wrap;
					.item{
						min-width: 157upx;
						height: 60upx;
						text-align: center;
						padding: 0 20rpx;
						line-height: 60upx;
						font-size: 28upx;
						// background-color: #DFE1E9;
						box-sizing: border-box;
						border-radius: 10upx;
						margin-top: 20upx;
						margin-right: 20upx;
						border:1upx solid #DFE1E9 ;
						color: #000000;
					}
					.itemnotop{
						margin-right: 0;
					}
					.active{
						color: #97E3FF;
						background-color: #333333;
					}
					.active2{
						color: #999999;
						background-color: #F6F7FB;
						border:1upx solid  #F6F7FB;
					}
				}
			}
		}
		.numbox{
			display: flex;
			padding: 30upx;
			align-items: center;
			.name{
				flex: 1;
			}
			.btns{
				width: 50upx;
				height: 50upx;
				border-radius: 4upx;
				background-color: #F9F9F9;
				display: flex;
				align-items: center;
				justify-content: center;
				.icons{
					display: block;
					width: 20upx;
				}
			}
			.rightb{
				background-color: #F98059;
			}
			.input{
				width: 80upx;
				font-size: 28upx;
				text-align: center;
				margin: 0 20upx;
			}
		}
		.footers{
			height: 100upx;
			display: flex;
			align-items: center;
			padding: 0 30rpx;
			margin-bottom: 30rpx;
			.item{
				flex: 1;
				.unit{
					color: #F98059;
				}
				.price{
					font-size: 36upx;
				}
			}
			.btnss{
				height: 100upx;
				line-height: 100upx;
				text-align: center;
				border-radius: 10rpx;
				color: #ffffff;
				background-color:#333333;
				width: 100%;
				color: #97E3FF;
			}
		}
	}
}


.goods_body{
	border-radius: 20rpx;
	background-color: white;
	margin:  0 30rpx;
	padding: 30rpx;
	margin-top: 30rpx;
	.titles{
		font-size: 32rpx;
		color: #000000;
	}
	.center{
		background-color: #F9F9F9;
		//还原
		margin: 20rpx -30rpx;
		display: flex;
		// align-items: center;
		padding: 30upx;
		position: relative;
		.cover{
			display: block;
			width: 140upx;
			height: 140upx;
			border-radius: 10upx;
		}
		//新
		.shop_title{
			margin-left: 20rpx;
			.shop_title_top{
				display: flex;
				.shop_title_top_name{
					width: 364rpx;
					height: 80rpx;
					font-size: 28rpx;
					line-height: 40rpx;
					color: #000000;
				}
				.shop_title_top_price{
					position: absolute;
					right: 30rpx;
					top: 25rpx;
					font-size: 24rpx;
					line-height: 50rpx;
					color: #000000;
				 
				}
			}
			.shop_title_bom{
				margin-top: 10rpx;
				font-size: 24rpx;
				color: #888888;
				.shop_title_bom_state{
					position: absolute;
					right: 30rpx;
					bottom: 32rpx;
					line-height: 50rpx;
					font-size: 24rpx;
					color: #888888;
				}
				text{
					margin-left: 40rpx;
				}
			}
			.JSB{
				display: flex;justify-content: space-between;align-items: center;
			}
		}
	}
}

.apply_pice{
	// height: 342rpx;
	border-radius: 20rpx;
	background-color: white;
	margin:  0 30rpx;
	padding: 30rpx;
	.apply_pice_title{
		font-size: 26rpx;
		color: #000000;
	}
	.apply_pice_num{
		margin-top: 20rpx;
		font-size: 40rpx;
		color: #000000;
	}
	.apply_pice_body{
		// background-image: url(applyInfo.png);
		background-color: #F9F9F9;
		padding: 20rpx;
		margin-top: 20rpx;
		.apply_pice_body_info{
			font-size: 26rpx;
			color: #000000;
			//margin-top: 20rpx;
		}
		.apply_pice_body_infob{
			display: flex;
			align-items: center;
		margin-top: 10rpx;
			.yuandian{
				width: 10rpx;
				height: 10rpx;
				background: #999999;
				border-radius: 50%;
			}
			.info{
				margin-left: 10rpx;
				font-size: 26rpx;
				color: #888888;
			}
		}
	}
}
.card1{
	padding: 30upx;
	margin: 30upx;
	background-color: #ffffff;
	  border-radius: 10upx;
	font-size: 30upx;
	.image-box{
		display: flex;
		flex-wrap: wrap;
		.imges{
			display: block;
			width: 150upx;
			height: 150upx;
			position: relative;
			border-radius: 5upx;
			overflow: hidden;
			margin-right: 10upx;
			display: flex;
			align-items: center;
			flex-flow: column;
			justify-content: center;
			margin-top: 20upx;
			.delete{
				position: absolute;
				width: 40upx;
				height: 40upx;
				background-color: #FE2842;
				color: #ffffff;
				font-size: 20upx;
				text-align: center;
				line-height: 38upx;
				top:0;
				z-index: 2;
				right: 0;
			}
			.imgessrc{
				display: block;
				width: 150upx;
				height: 150upx;
			}
			.imgsicon{
				display: block;
				width: 40upx;
			}
			.imgtext{
				color: #BBBBBB;
				font-size: 24upx;
				margin-top: 10rpx;
			}
		}
		.imges-border{
			border: 1upx dashed #DDDDDD;
		}
	}
	.xing{
		color: #F98059;
	}
	.label{
		width: 200upx;
	}
	.content{
		flex: 1;
		display: flex;
		align-items: center;
		.input{
			flex: 1;
			font-size: 30upx;
		}
	}
	.icon{
		display: block;
		width: 12upx;
	}
	.textarea{
		font-size: 30upx;
		margin-top: 30upx;
	}
}

.sizetitle{
	padding: 30upx 0;
}

.sizebox{
	height: 80upx;
	padding: 0 30upx;
	border-radius: 10upx;
	background-color: #F9F9F9;
	display: flex;
	align-items: center;
	.input{
		flex: 1;
	}
	.formicon{
		display: block;
		width: 12upx;
		margin-left: 20upx;
	}
}
.sizebt{
	height: 30upx;
}

.model{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	top:0;
	left: 0;
	z-index: 9;
	.white{
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		background-color: #ffffff;
		border-top-left-radius: 20upx;
		border-top-right-radius: 20upx;
		max-height: 70%;
		overflow-y: auto;
		.titles{
			text-align: center;
			height: 100upx;
			line-height: 100upx;
			border-bottom: 1upx solid #f1f1f1;
			
		}
		.bodys{
			padding:0 30upx;
			.btitle{
				font-size: 30upx;
				font-weight: bold;
				margin-top: 30upx;
			}
			.bcontent{
				display: flex;
				flex-wrap: wrap;
				.item{
					width: 157upx;
					height: 70upx;
					text-align: center;
					line-height: 70upx;
					font-size: 28upx;
					background-color: #F9F9F9;
					box-sizing: border-box;
					border-radius: 10upx;
					margin-top: 20upx;
					margin-right: 20upx;
					border:1upx solid #F9F9F9 ;
				}
				.itemnotop{
					margin-right: 0;
				}
				.active{
					border:1upx solid #9000FF ;
					color: #9000FF;
					background-color: #ffffff;
				}
			}
		}
	}
}

.fbtn{
	display: flex;
	align-items: center;
	margin-top: 30upx;
	.fitem{
		flex: 1;
		height: 100upx;
		text-align: center;
		line-height: 100upx;
		color: #9000FF;
		background-color: #EEEEEE;
	}
	.fitemr{
		background-image: linear-gradient(to left,#54BFFF,#9000FF);
		color: #ffffff;
	}
}

.apfooter{
	position: fixed;
	width: 100%;
	height: 150rpx;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
	 
}